<style type="text/css">
    .dashboard-wrapper .left-sidebar{
        margin-right:0px;
    }
    #icons [data-icon]:before{
        font-size: 12px;
    }
</style>
<div class="sub-nav">
    <ul>
        <li><a href="" class="heading">图库</a></li>
    </ul>
</div>
<div class="dashboard-wrapper">
    <p id="icons"><button class="btn btn-success bottom-margin" type="button">上传图片 <span data-icon="&#xe102;"></span></button></p>
    <div class="left-sidebar">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget">
                    <div class="widget-header">
                        <div class="title">图片列表</div>
                        <span class="tools">
                            <a class="fs1" aria-hidden="true" data-icon="&#xe090;"></a>
                        </span>
                    </div>
                    <div class="widget-body">
                        <div id="dt_example" class="example_alt_pagination">
                            <table class="table table-condensed table-striped table-hover table-bordered pull-left" id="data-table">

                                <thead>
                                    <tr>
                                        <th style="width:17%">
                                            Month
                                        </th>
                                        <th style="width:20%">
                                            Internet Explorer
                                        </th>
                                        <th style="width:16%">
                                            Firefox
                                        </th>
                                        <th style="width:16%" class="hidden-phone">
                                            Chrome
                                        </th>
                                        <th style="width:16%" class="hidden-phone">
                                            Safari
                                        </th>
                                        <th style="width:16%" class="hidden-phone">
                                            Opera
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="gradeX warning">
                                        <td>
                                            December
                                        </td>
                                        <td>
                                            14.7 %
                                        </td>
                                        <td>
                                            31.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            46.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.1 %
                                        </td>
                                    </tr>
                                    <tr class="gradeC">
                                        <td>
                                            November
                                        </td>
                                        <td>
                                            15.1 %
                                        </td>
                                        <td>
                                            31.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            46.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.0 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            October
                                        </td>
                                        <td>
                                            16.1 %
                                        </td>
                                        <td>
                                            31.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            44.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.0 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA error">
                                        <td>
                                            September
                                        </td>
                                        <td>
                                            16.4 %
                                        </td>
                                        <td>
                                            32.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            44.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.1 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA warning">
                                        <td>
                                            August
                                        </td>
                                        <td>
                                            16.2 %
                                        </td>
                                        <td>
                                            32.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            43.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            July
                                        </td>
                                        <td>
                                            16.3 %
                                        </td>
                                        <td>
                                            33.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            42.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.1 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA info">
                                        <td>
                                            June
                                        </td>
                                        <td>
                                            16.7 %
                                        </td>
                                        <td>
                                            34.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            41.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            May
                                        </td>
                                        <td>
                                            18.1 %
                                        </td>
                                        <td>
                                            35.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            39.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA error">
                                        <td>
                                            April
                                        </td>
                                        <td>
                                            18.3 %
                                        </td>
                                        <td>
                                            35.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            38.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.3 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            March
                                        </td>
                                        <td>
                                            18.9 %
                                        </td>
                                        <td>
                                            36.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            37.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.3 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA error">
                                        <td>
                                            February
                                        </td>
                                        <td>
                                            19.5 %
                                        </td>
                                        <td>
                                            36.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            36.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.3 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA info">
                                        <td>
                                            January
                                        </td>
                                        <td>
                                            20.1 %
                                        </td>
                                        <td>
                                            37.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            35.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.4 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA info">
                                        <td>
                                            December
                                        </td>
                                        <td>
                                            20.2 %
                                        </td>
                                        <td>
                                            37.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            34.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.5 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            November
                                        </td>
                                        <td>
                                            21.2 %
                                        </td>
                                        <td>
                                            38.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            33.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.4 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA warning">
                                        <td>
                                            October
                                        </td>
                                        <td>
                                            21.7 %
                                        </td>
                                        <td>
                                            38.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            32.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.4 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA info">
                                        <td>
                                            September
                                        </td>
                                        <td>
                                            22.9 %
                                        </td>
                                        <td>
                                            39.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            30.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA error">
                                        <td>
                                            August
                                        </td>
                                        <td>
                                            22.4 %
                                        </td>
                                        <td>
                                            40.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            30.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.3 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            July
                                        </td>
                                        <td>
                                            22.0 %
                                        </td>
                                        <td>
                                            42.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            29.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.4 %
                                        </td>
                                    </tr>
                                    <tr class="gradeAerror">
                                        <td>
                                            June
                                        </td>
                                        <td>
                                            23.2 %
                                        </td>
                                        <td>
                                            42.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            27.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.4 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA info">
                                        <td>
                                            May
                                        </td>
                                        <td>
                                            24.9 %
                                        </td>
                                        <td>
                                            42.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            25.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.4 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>
                                            April
                                        </td>
                                        <td>
                                            24.3 %
                                        </td>
                                        <td>
                                            42.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            25.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.6 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            March
                                        </td>
                                        <td>
                                            25.8 %
                                        </td>
                                        <td>
                                            42.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            25.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.5 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA warning">
                                        <td>
                                            February
                                        </td>
                                        <td>
                                            26.5 %
                                        </td>
                                        <td>
                                            42.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            24.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.5 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA info">
                                        <td>
                                            January
                                        </td>
                                        <td>
                                            26.6 %
                                        </td>
                                        <td>
                                            42.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            23.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.5 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            December
                                        </td>
                                        <td>
                                            27.5 %
                                        </td>
                                        <td>
                                            43.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            22.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeU info">
                                        <td>
                                            November
                                        </td>
                                        <td>
                                            28.6 %
                                        </td>
                                        <td>
                                            44.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            20.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            4.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.3 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            October
                                        </td>
                                        <td>
                                            29.7 %
                                        </td>
                                        <td>
                                            44.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            19.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeX warning">
                                        <td>
                                            September
                                        </td>
                                        <td>
                                            31.1 %
                                        </td>
                                        <td>
                                            45.1 %
                                        </td>
                                        <td class="hidden-phone">
                                            17.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeU info">
                                        <td>
                                            August
                                        </td>
                                        <td>
                                            30.7 %
                                        </td>
                                        <td>
                                            45.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            17.0 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.3 %
                                        </td>
                                    </tr>
                                    <tr class="gradeU info">
                                        <td>
                                            July
                                        </td>
                                        <td>
                                            30.4 %
                                        </td>
                                        <td>
                                            46.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            16.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.3 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            June
                                        </td>
                                        <td>
                                            31.0 %
                                        </td>
                                        <td>
                                            46.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            15.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.1 %
                                        </td>
                                    </tr>
                                    <tr class="gradeU info">
                                        <td>
                                            May
                                        </td>
                                        <td>
                                            32.2 %
                                        </td>
                                        <td>
                                            46.9 %
                                        </td>
                                        <td class="hidden-phone">
                                            14.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            April
                                        </td>
                                        <td>
                                            33.4 %
                                        </td>
                                        <td>
                                            46.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            13.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeX warning">
                                        <td>
                                            March
                                        </td>
                                        <td>
                                            34.9 %
                                        </td>
                                        <td>
                                            46.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            12.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td>
                                            April
                                        </td>
                                        <td>
                                            33.4 %
                                        </td>
                                        <td>
                                            46.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            13.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeX warning">
                                        <td>
                                            March
                                        </td>
                                        <td>
                                            34.9 %
                                        </td>
                                        <td>
                                            46.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            12.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeA success">
                                        <td>
                                            April
                                        </td>
                                        <td>
                                            33.4 %
                                        </td>
                                        <td>
                                            46.4 %
                                        </td>
                                        <td class="hidden-phone">
                                            13.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeX warning">
                                        <td>
                                            March
                                        </td>
                                        <td>
                                            34.9 %
                                        </td>
                                        <td>
                                            46.2 %
                                        </td>
                                        <td class="hidden-phone">
                                            12.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>
                                    <tr class="gradeU info">
                                        <td>
                                            February
                                        </td>
                                        <td>
                                            35.3 %
                                        </td>
                                        <td>
                                            46.5 %
                                        </td>
                                        <td class="hidden-phone">
                                            11.6 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.1 %
                                        </td>
                                    </tr>
                                    <tr class="gradeX warning">
                                        <td>
                                            January
                                        </td>
                                        <td>
                                            36.2 %
                                        </td>
                                        <td>
                                            46.3 %
                                        </td>
                                        <td class="hidden-phone">
                                            10.8 %
                                        </td>
                                        <td class="hidden-phone">
                                            3.7 %
                                        </td>
                                        <td class="hidden-phone">
                                            2.2 %
                                        </td>
                                    </tr>

                                </tbody>
                            </table>
                            <div class="clearfix">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/js/admin/jquery.dataTables.js"></script>
<script type="text/javascript">
    //Data Tables
    $(document).ready(function() {
        $('#data-table').dataTable({
            "sPaginationType": "full_numbers"
        });
    });
    jQuery('.delete-row').click(function() {
        var conf = confirm('Continue delete?');
        if (conf)
            jQuery(this).parents('tr').fadeOut(function() {
                jQuery(this).remove();
            });
        return false;
    });
</script>